import React, { Component } from "react"
import Header from '../header/Header.js'
import Footer from '../footer/Footer.js'
import { connect } from 'react-redux'
import { mapStateToProps, mapDispatchToProps } from '../../util/store'
import fetchData from '../../util/fetch'
import { local } from '../../util/storage'

class Index extends Component {
	constructor(props) {
		super(props)
		this.state = {
			title: '首页',
			branchlist: []
		}
	}
	
	render() {
		return (
			<div className="main container">
				<Header/>
				<section className="WikiaPage">
					<div id="WikiaPageBackground" className="WikiaPageBackground"></div>
					{this.props.children}
				</section>
				<Footer/>
			</div>
		);
	}

}
export default connect(
	mapStateToProps,
	mapDispatchToProps
)(Index)
